<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./vue/vue.js"></script>
</head>
<body>
<div id="app">
    <input type="button" value="按钮"  v-on:click="a=false">

    <div style="width: 100px;height: 100px;background-color: red" v-show="a"></div>

    <!--<br>-->
    <!--<ul>-->
        <!--<li v-for="value in arr">-->
            <!--{{value}}-->
        <!--</li>-->
    <!--</ul>-->

    <!--<hr>-->
    <!--<ul>-->
        <!--<li v-for="(v,k) in json">-->
            <!--{{ v }} {{k}}-->
        <!--</li>-->
    <!--</ul>-->

</div>
<script>
    new Vue ({
        el:'#app',
        data:{
            arr:['apple','banana','orange','pear'],
            json:{a:'apple',b:'banana'},
            a:  true

        },
        methods:{
            add:function () {
                this.arr.push('tomato')
            },


        }
    })

</script>
</body>
</html>